﻿<template>
  <div>
    <div class="review-box">
      <span>{{ noticeText }}</span>
    </div>
    <div class="table-box">
      <p>最近一次提交的认证申请</p>
      <el-table
          :data="tableData"
          border
          style="width: 100%">
        <el-table-column
            prop="authType"
            label="认证类型"
            width="100">
        </el-table-column>
        <el-table-column
            prop="examineResultStatus"
            label="审核状态"
            width="100">
        </el-table-column>
        <el-table-column
            prop="examineResultMessage"
            label="审核信息"
            width="100">
        </el-table-column>
        <el-table-column
            prop="applyTime"
            label="申请时间"
            width="100">
        </el-table-column>
        <el-table-column
            prop="examineTime"
            label="审核时间">
        </el-table-column>
      </el-table>

    </div>
  </div>
</template>

<script>
import {getRecentPassAuthInfo, getRecentAuthInfo} from '@/api/user'
import {getInfo} from '@/api/login'

export default {
  name: 'AuthNotice',
  data() {
    return {
      roleType: 1,
      role: '未认证',
      noticeText: '您当前未认证',
      tableData: [{
        authType: '',
        examineResultStatus: '',
        examineResultMessage: '',
        applyTime: '',
        examineTime: '',
      }]
    }
  },
  mounted() {
    // 获取最近一次的认证申请信息
    getRecentAuthInfo()
        .then(res => {
          // console.log("---")
          console.log(res)
          if (res != null) {
            this.showTable = true;
            this.tableData[0].applyTime = res.applyTime;
            this.tableData[0].examineTime = res.examineTime;
            if (res.authType == 1) {
              this.tableData[0].authType = '设计师';
            }
            if (res.authType == 2) {
              this.tableData[0].authType = '工作室';
            }
            if (res.authType == 3) {
              this.tableData[0].authType = '企业';
            }
            if (res.examineResultStatus == 1) {
              this.tableData[0].examineResultStatus = '审核中';
            }
            if (res.examineResultStatus == 2) {
              this.tableData[0].examineResultStatus = '通过';
            }
            if (res.examineResultStatus == 3) {
              this.tableData[0].examineResultStatus = '不通过';
            }


          }
        })
        .catch(err => {
          console.log(err)
        })

    // 获取当前用户的认证信息
    getInfo()
        .then(res => {
          // console.log(res)
          this.roleType = res.roleType;
          if (this.roleType == 1) {
            this.role = '未认证';
          }
          if (this.roleType == 2) {
            this.role = '设计师';
          }
          if (this.roleType == 3) {
            this.role = '工作室';
          }
          if (this.roleType == 4) {
            this.role = '企业';
          }
          this.noticeText = '您当前的认证是:' + this.role;
        })
        .catch(err => {
          console.log(err)
        })
  },
  created() {
    // 获取最近一次的认证申请信息
    // getRecentAuthInfo()
    //     .then(res => {
    //       // console.log("---")
    //       console.log(res)
    //       if (res != null) {
    //         this.showTable = true;
    //         this.tableData[0].applyTime = res.applyTime;
    //         this.tableData[0].examineTime = res.examineTime;
    //         if (res.authType == 1) {
    //           this.tableData[0].authType = '设计师';
    //         }
    //         if (res.authType == 2) {
    //           this.tableData[0].authType = '工作室';
    //         }
    //         if (res.authType == 3) {
    //           this.tableData[0].authType = '企业';
    //         }
    //         if (res.examineResultStatus == 1) {
    //           this.tableData[0].examineResultStatus = '审核中';
    //         }
    //         if (res.examineResultStatus == 2) {
    //           this.tableData[0].examineResultStatus = '通过';
    //         }
    //         if (res.examineResultStatus == 3) {
    //           this.tableData[0].examineResultStatus = '不通过';
    //         }
    //
    //
    //       }
    //     })
    //     .catch(err => {
    //       console.log(err)
    //     })
    //
    // // 获取当前用户的认证信息
    // getInfo()
    //     .then(res => {
    //       // console.log(res)
    //       this.roleType = res.roleType;
    //       if (this.roleType == 1) {
    //         this.role = '未认证';
    //       }
    //       if (this.roleType == 2) {
    //         this.role = '设计师';
    //       }
    //       if (this.roleType == 3) {
    //         this.role = '工作室';
    //       }
    //       if (this.roleType == 4) {
    //         this.role = '企业';
    //       }
    //       this.noticeText = '您当前的认证是:' + this.role;
    //     })
    //     .catch(err => {
    //       console.log(err)
    //     })
  },
}
</script>

<style scoped lang="scss">
.table-box {
  //width: 400px;
  //height: 25px;
  margin: 50px;
  font-size: 25px;
}

.review-box {
  width: 400px;
  height: 150px;
  background-color: #f5db90;
  border-radius: 15px;
  text-align: center;
  line-height: 150px;
  margin: 0 auto;
  margin-top: 40px;

  span {
    font: {
      size: 24px;
      weight: bolder;
    }
  }
}
</style>
